<!DOCTYPE HTML>
<ui:composition template="/template/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	<ui:define name="conteudo">

	<div class="container">

        <!-- Jumbotron Header -->
        <header class="jumbotron hero-spacer">
            <h1>Best Offer!</h1>
            <p>Bem Vindo ao Best Offer! Encontre aqui a melhor oferta!</p>
            <p><a class="btn btn-primary btn-large">Saiba mais</a>
            </p>
        </header>


        <!-- Title -->
        <div class="row">
            <div class="col-lg-12">
                <h2>Ultimos Produtos Adicionados</h2>
            </div>
        </div>
        <!-- /.row -->
		<br></br>
		<br></br>
        <!-- Page Features -->
        <div class="row text-center">

            <div class="col-md-3 col-sm-6 hero-feature">
                <div class="thumbnail">
                    <img src="" alt=""></img>
                    <div class="caption">
                        <h3>Placa de Vídeo</h3>
                        <p>Gforce GTX 550 TI.</p>
                        <p>
                            <a href="#" class="btn btn-primary">Ver anúncios</a>
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-md-3 col-sm-6 hero-feature">
                <div class="thumbnail">
                    <img src="" alt=""></img>
                    <div class="caption">
                        <h3>Placa Mãe</h3>
                        <p>ASUS Micro ATX p/ AMD FM2</p>
                        <p>
                            <a href="#" class="btn btn-primary">Ver anúncios</a>
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-md-3 col-sm-6 hero-feature">
                <div class="thumbnail">
                    <img src="" alt=""></img>
                    <div class="caption">
                        <h3>Disco Rígido</h3>
                        <p>Seagate Barracuda III</p>
                        <p>
                            <a href="#" class="btn btn-primary">Ver anúncios</a>
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-md-3 col-sm-6 hero-feature">
                <div class="thumbnail">
                    <img src="http://mlb-s1-p.mlstatic.com/fonte-corsair-450w-csm-s-cabo-de-forca-cp-9020075-ww-17302-MLB20135549723_072014-O.jpg" alt=""></img>
                    <div class="caption">
                        <h3>Fonte de Alimentação</h3>
                        <p>Corsair CX 430</p>
                        <p>
                            <a href="#" class="btn btn-primary">Ver anúncios</a>
                        </p>
                    </div>
                </div>
            </div>

        </div>
        <!-- /.row -->
         <h2>Ultimas Notícias</h2>
         <br></br>
         <br></br>
		<p:feedReader value="http://www.baixaki.com.br/rss/tecnologia.xml" var="feed" size="5">
			    <h:outputText value="#{feed.title}" style="font-weight: bold;display:block"/>
			    <h:outputText value="#{feed.description.value}" escape="false"/>
			    <p:separator />
		</p:feedReader>

    </div>
    <!-- /.container -->
	</ui:define>
</ui:composition>
